$primaryColor = #9100DD

.pop-container {
  position fixed
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: 2000;
  .container{
    width 400px
    padding 15px
    background-color #FFFFFF
    border-radius: 4px;
    .top{
      height: 46px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #EEEFF1;
      h3{
        font-size: 14px;
        color: #283550;
        padding-left: 20px;
        position: relative;
        &:after{
          position: absolute;
          top: 0;
          left: 0;
          width: 6px;
          height: 100%;
          display: block;
          content: '';
          background: $primaryColor;
        }
      }
      .el-icon-close{
        color: #AFAFAF;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        margin-right: 16px;
      }
    }
    .main-contaioner{
      padding 15px 20px
      max-height 600px
      overflow auto
      .handle-btn{
        display: flex;
        justify-content: flex-end;
      }
    }
  }
}
